移动端 -- 屏幕旋转的事件和样式

window.orientation，取值：正负 90 表示横屏模式、0 和 180 表现为竖屏模式；

window.onorientationchange = function(){
    switch(window.orientation){
       case -90:
       case 90:
        alert("横屏:" + window.orientation);
       case 0:
       case 180:
        alert("竖屏:" + window.orientation);
        break;
    }
}

/*竖屏时使用的样式*/
@media all and (orientation:portrait) {
    .css{}
}

/*横屏时使用的样式*/
@media all and (orientation:landscape) {
    .css{}
}